WPF使用SVG简单整理 | 您所在的位置:网站首页 › svg path合并 › WPF使用SVG简单整理 |
一、SVG是什么 它的英文全称为Scalable Vector Graphics,意思为可缩放的矢量图形。 具体参考:https://www.w3.org/Graphics/SVG/
二、SVG制作 1、在iconfont网站选择要需要的图标加入到项目,进行编辑 2、在线网站svg文件编辑制作 http://www.zuohaotu.com/svg/ https://www.zhangxinxu.com/sp/svg/ https://c.runoob.com/more/svgeditor/ 3、使用Inkscape软件 这个软件在处理svg明显强大的多,有详细帮助文档和示例,具体参考官网。
三、WPF里使用SVG 我常用的有三种方式: 1、单个图标的svg, 直接复制path下面d属性的内容 到wpf Path里面使用,通常在Iconfont搜索下载 2、直接加载svg文件,就像加载图片路径一样 需要使用svg文件的库:https://github.com/ElinamLLC/SharpVectors 3、将svg转换为xaml并将其与原生wpf对象一起使用 首推 Inkscape软件能保存为Xaml文件,wpf里面直接使用。 也可以使用开源工具:SvgToXaml 转换为DrawingImage 资源 简单举例一个转换例子,渐变背景加一个图标。如下:
总结:推荐Inkscape设计svg文件,功能强大同时能导出很多种格式。 关于wpf如何使用 iconfont字体,下一篇单独总结
|
CopyRight 2018-2019 实验室设备网 版权所有 |